<template>
  <el-tabs v-model="tabName">
    <el-tab-pane :name="tabNames[0]" :label="$t('loc.portfolio')">
      <ObservationNotes/>
    </el-tab-pane>
  </el-tabs>
</template>

<script>
import ObservationNotes from "@/views/modules/note/ObservationNotes";
import {mapState} from "vuex";

export default {
  name: "index",
  components: {ObservationNotes},
  watch: {
    // 监听路由变化
    $route: {
      handler: function (val) {
      },
      immediate: true
    }
  },
  computed: {
    ...mapState({
      currentUser: state => state.user.currentUser, // 当前用户
    }),
  },
  data() {
    return {
      tabNames: [this.$t("loc.portfolio")],
      tabName: this.$t("loc.portfolio")
    }
  },

}
</script>

<style scoped lang="less">
.el-tabs /deep/ & {
  & > .el-tabs__header {
    margin: 0;
    background-color: #e4eaec;

    .el-tabs__nav-wrap::after {
      display: none;
    }

    .el-tabs__nav {
      float: none;
      text-align: center;
    }

    .el-tabs__item {
      padding: 0;
      margin: 0 40px;
      line-height: 50px;
      font-size: 18px;
      height: auto;
    }
  }

  & > .el-tabs__content {
    height: calc(100% - 52px);

    & > :first-child {
      height: 100%;
    }
  }
}

</style>